<!DOCTYPE html>
<html>
<head lang="en">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no"/>
	<meta name = "format-detection" content="telephone = no" />
	<link rel="shortcut icon" href="img/smlogo.png" type="image/x-icon">
    <meta charset="UTF-8">
    <title>召唤你</title>
    <link rel="stylesheet" href="css/index2.css"/>
    <style>
        html,body{
            background: #fff;
            overflow-x: hidden;
            width:100%;
            box-sizing: border-box;
        }
		body{
			background:#ececec;
		}
		html{
			background:#e8e8e8;
		}
        .EventHeader>span>a{
            color:#999;
        }
        .relasimgbox{
            display: inline-block;
        }
        .relasimgbox img{
            width:13px;
            height: 13px;
        }
        .shareexperience .upviter{
            padding-top:0;
        }
        .shareexperience .upviter>div{
            padding-top:5px;
        }
        /*搜索框改写*/
        .mweb_lookup_bar_input_wrapper .mweb_lookup_bar_input{
            position:relative;
        }
        .mweb_lookup_bar_input_wrapper .mweb_lookup_bar_input>div{
            position: absolute;
            top:2px;
            left: 0;
            width:25px;
            height:27px;
            background: transparent;
            z-index: 100;
        }
        .mweb_lookup_bar_input_wrapper .mweb_lookup_bar_input>input{
            border: none;
            background: transparent;
        }
        /*顶部区域定位*/
        .mweb .PageWrapper {
            margin-top: 88px;
            /*margin-top:127px;*/
        }
        /*快捷按钮*/
        .quick{
            position:fixed;
            bottom:50px;
            right: 20px;
            width:55px;
            height: 55px;
            line-height: 55px;
            /*background-color: rgba(255,202,38,0.5);*/
            background:#b92b27;
            border-radius: 50%;
            text-align: center;
            z-index: 1000;
            color: #fff;
            box-shadow: 0 0 2px #ddd;
            font-size: 30px;
        }
        /*快捷列表*/
        .quicklist{
            position:fixed;
            bottom:112px;
            right: 17px;
            width:140px;
            height: 150px;
            z-index: 1000;
        }
        .quickexp,.quickquestion{
            position: relative;
            height:45px;
        }
        .quickexp>div,.quickquestion>div{
            display: inline-block;
            /*background: #fff;*/
            background: #FAF9FA;
        }
        .quickexp div:first-child{
            position: absolute;
            top:4px;
            font-size: 16px;
            border:1px solid #ccc;
            padding: 5px;
            padding-left: 8px;
            padding-right: 8px;
            border-radius: 3px;
            box-shadow: 0 0 3px #ddd;
        }
        .quicklist .qimgbox,.qimgbox_g{
            width:40px;
            height: 40px;
            border:1px solid #ddd;
            border-radius: 50%;
            position: absolute;
            right: 6px;
            box-shadow: 0 0 3px #ddd;
        }
        .quickexp .qimgbox{
            background:#FAF9FA url("img/sendexp.png") no-repeat;
            background-size: 20px;
            background-position: center;
        }
		.quickexp:nth-child(2){
			margin-top:10px;
		}
		.quickexp .qimgbox_g{
			background:#FAF9FA url("img/sendexp_g.png") no-repeat;
            background-size: 22px;
            background-position: center;
		}
        .quickquestion{
            margin-top:10px;
        }
        .quickquestion .qimgbox{
            background:#FAF9FA url("img/sendquestion.png") no-repeat;
            background-size: 22px;
            background-position: center;
        }
        .quickquestion div:first-child{
            position: absolute;
            right:58px;
            bottom:4px;
            font-size: 16px;
            border:1px solid #ccc;
            padding: 5px;
            padding-left: 8px;
            padding-right: 8px;
            border-radius: 3px;
            box-shadow: 0 0 2px #ddd;
        }
        .havemy{
            display: inline-block;
            margin-top:-2px;
            margin-left:2px;
            position: relative;
            height: 14px;
            color: #F4C600;
            padding-left:14px;
            text-align:right;
        }
        .havemy>img{
            height:16px;
            position: absolute;
            top:0px;
            left:0px;
        }
        #notlogin{
            width:100%;
            box-sizing: border-box;
            position:fixed;
            z-index: 9999;
            top:0;
            left:0;
            right:0;
            bottom:0;
            background:rgba(0,0,0,0.3);
            padding:0 5px 0 5px;
        }
        #outborder{
            position:absolute;
            padding:10px;
            left:10px;
            right:10px;
            background: rgba(142,142,142,0.7);
            border-radius:6px;


        }
        #outborder>div{
            background:#F8F8F8;
            border-radius: 6px;
            padding:20px;
        }
        #outborder>div>div{
            width:100%;
            box-sizing: border-box;
        }
        #outborder>div>div#notloginword{
            text-align: center;
            font-size: 12px;
            font-weight: 300;
            padding-bottom: 14px;
            color: #646464;
        }
        #gotologinbox{
            overflow: hidden;
        }
        #gotologin,#gotozhuce{
            width:40%;
            border-radius:3px;
            background:-webkit-linear-gradient(bottom,#74C401,#67B500);
            background: -moz-linear-gradient(top, #74C401 0%, #67B500 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74C401), color-stop(100%,#67B500));
            background: -webkit-linear-gradient(top, #74C401 0%,#67B500 100%);
            background: -o-linear-gradient(top, #74C401 0%,#67B500 100%);
            background: -ms-linear-gradient(top, #74C401 0%,#67B500 100%);
            background: linear-gradient(to bottom, #74C401 0%,#67B500 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74C401', endColorstr='#67B500',GradientType=0 );
            border:1px solid #6BB402;
            color:#fff;
            font-size: 14px;
            padding:4px;
            text-align: center;
        }
        #gotologinbox>div>a{
            width:100%;
            display: inline-block;
            color:#fff;
        }
        /*有弹框时 禁止页面滚动*/
        .overhidden{
            overflow: hidden;
            height:100%;
        }

        /**/
        .borderbox{
            margin-left:5px;
            margin-top:10px;
            box-sizing: border-box;
            padding:10px;
            /*border: 1px solid #ececec;*/
            border-radius: 3px;;
            -webkit-box-shadow: #ddd 0px 0px 5px;
            -moz-box-shadow: #ddd 0px 0px 5px;
            box-shadow: #ddd 0px 0px 5px;
        }
        .borderbox{
            margin-left:5px;
            margin-top:10px;
            box-sizing: border-box;
            padding:10px;
            border: 1px solid rgba(186,186,186,0.3);
            border-radius: 3px;;
            box-shadow: 0 1px 4px rgba(186, 186, 186, 0.3), 0 0 10px rgba(186, 186, 186, 0.3) inset;
            -webkit-box-shadow:0 1px 4px rgba(186, 186, 186, 0.3), 0 0 10px rgba(186, 186, 186, 0.3) inset;
            -moz-box-shadow:0 1px 4px rgba(186, 186, 186, 0.3), 0 0 10px rgba(186, 186, 186, 0.3) inset;
        }
        .borderbox .AnswerHeader.ContentHeader{
            /*margin:0;*/
        }
		.feed_item_answer_user img{
			width: 28px;
			height: 28px;
			margin-top: -3px;
		}
		.ActionBar .action_bar_inner .action_item a{
            padding-left:0;
        }
		.feed_item{
            border-bottom:2px solid #ececec;
        }
        .mweb_lookup_bar_input_wrapper.mweb_lookup_bar_input_wrapper_fake{
            right:43px;
        }
        #chat1{
            float: right;
            width:39px;
            height:44px;
            background: url("img/chatlogo.png")no-repeat center;
            background-size:20px ;
            cursor: pointer;
        }
    </style>
    <link rel="stylesheet" href="css/expnavlist.css"/>
    <style>
        #expnavlist::after{
            left:3.2rem;
        }
    </style>
</head>
<body class=" experiment-lookup_bar-on gating-feed_switcher_bar-on mweb  gating-new_mweb_header_logged_out-off">
    <div class="PageWrapper mweb" id="page_wrapper" style="display:block;">
        <!-- 头部导航条-->
        <div class="Header" id="header">
            <div class="fixed_header">
                <div class="header_main mweb_lookup_bar_has_input">
                    <a class="logo symbol_logo"  id="logo"></a>
                    <div class="header_action_buttons mweb_lookup_bar_has_input">
                        <div class="mweb_lookup_bar_input_wrapper mweb_lookup_bar_input_wrapper_fake" id="headersearchdiv">
                            <div class="mweb_lookup_bar_input" style="min-height: 29px;font-size: 14px; color:#BC7F74;">
                                <div id="gotosearch"></div>
                                <input id="searchinput" type="text" placeholder="走的人多了也就成了路.." style="width:100%" disabled/>
                            </div>
                        </div>
                    </div>
                    <a class="logo symbol_logo"  id="chat1"></a>
                </div>
                <ul class="header_nav">
                    <li class="HeaderNavItem HomeNavItem">
                        <a id="read1">
                            <div class="label">阅读</div>
                        </a>
                    </li>
                    <li class="HeaderNavItem OpenQsNavItem">
                        <a id="answer1">
                            <div class="label">分享经验</div>
                        </a>
                    </li>
                    <li class="NotifsNavItem HeaderNavItem is_active">
                        <a id="expshowlistbtn">
                            <div class="label">提问<i></i></div>
                        </a>
                        <div id="expnavlist" style="display:none;">
                            <div>
                                <div id="question1">全部</div>
                                <div>等待回答</div>
                                <div>附近</div>
                                <div><a href="myquestionlistnav.html" style="color:#fff;">我的提问</a></div>
                                <div class="isactive">召唤我</div>
                            </div>
                        </div>
                    </li>
                    <li class="ProfileNavItem HeaderNavItem">
                        <a id="set1">
                            <p id="newnotenotice" style="display:none"></p>
                            <div class="label">我</div>
                        </a>
                    </li>
                </ul>
                <!-- 四个导航-->
                <div class="HeaderSwitcher ReadSwitcher SubHeader" style="display:none;">
                    <div class="switcher">
                        <ul class="inner">
                            <li class="HeaderSwitcherItem" style="display:none;">
                                <a class="link" id="tuijian">
                                    <div class="label">系统推荐</div>
                                </a>
                            </li>
                            <!--<li class="HeaderSwitcherItem" style="display:none;">-->
                                <!--<a class="link" id="expbtn">-->
                                    <!--<div class="label">经验圈</div>-->
                                <!--</a>-->
                            <!--</li>-->
                            <li class="HeaderSwitcherItem">
                                <a class="link" id="quebtn">
                                    <div class="label">问题圈</div>
                                </a>
                            </li>
                            <!--<li class="HeaderSwitcherItem is_active">-->
                                <!--<a class="link" id="askyou">-->
                                    <!--<div class="label">召唤你</div>-->
                                <!--</a>-->
                            <!--</li>-->
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!-- 页面主体-->
        <div class="wrapper home_feed">
                <!-- 推荐-->
            <div class="SimpleToggle Toggle HomeMainFeed" id="tuijianlist" style="display:none;">
                <!--加载部分 -->
                <div class="addlistplace"></div>
                <!-- 请稍等-->
                <div id="pleasewait">
                    <div class="waitbox">
                        <div id="waiting">加载中...</div>
                        <div id="nonews" style="display:none">没有更多消息...</div>
                    </div>
                </div>
            </div>
                <!-- 经验主体-->
            <div class="SimpleToggle Toggle HomeMainFeed" id="explist" style="display:none;">
                <!--加载部分 -->
                <div class="addlistplace"></div>
                <!-- 请稍等-->
                <div id="pleasewait1">
                    <div class="waitbox">
                        <div id="waiting1">加载中...</div>
                        <div id="nonews1" style="display:none">没有更多消息...</div>
                    </div>
                </div>
            </div>
                <!-- 提问主体-->
            <div class="SimpleToggle Toggle HomeMainFeed" id="quelist" style="display:none;">
                <!--加载部分 -->
                <div class="addlistplace"></div>
                <!-- 请稍等-->
                <div id="pleasewait2">
                    <div class="waitbox">
                        <div id="waiting2">加载中...</div>
                        <div id="nonews2" style="display:none">没有更多消息...</div>
                    </div>
                </div>
            </div>
                <!-- 召唤你-->
            <div class="SimpleToggle Toggle HomeMainFeed" id="askyoulist" style="display: block;">
                <!--加载部分 -->
                <div class="addlistplace"></div>
                <!-- 请稍等-->
                <div id="pleasewait3">
                    <div class="waitbox">
                        <div id="waiting3">加载中...</div>
                        <div id="nonews3" style="display:none">没有更多消息...</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 快捷按钮-->
    <div class="quick" style="display: block;font-size:16px">添加<br>+</div>
    <!-- 快捷列表-->
    <div class="quicklist" style="display: none;">
        <div class="quickexp">
            <div>分享经验</div>
            <div class="qimgbox"></div>
        </div>
		<div class="quickexp">
            <div>高额经验</div>
            <div class="qimgbox_g"></div>
        </div>
        <div class="quickquestion">
            <div>提问</div>
            <div class="qimgbox"></div>
        </div>
    </div>
    <!-- 方形快捷按钮-->
    <!--<div class="squarediv">-->
        <!-- -->
    <!--</div>-->
    <!-- 弹出框2-->
    <div class="modal_bg modal_bg2" style="display: none;"></div>
    <!--分享付费提示-->
    <div class="action_menu_container sharepaymob" style="display:none;">
        <div class="inner">
            <div class="action_menu" style="padding-top: 144px;">
                <a class="mweb_action_button sharepayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px; display:block;">
                    您的账户余额不足！
                </a>
                <a class="mweb_action_button askpayword" style="color: #bbb;font-size: 12px;padding-left: 12px;padding-right: 12px;">
                    请在 “设置”、“个人账户” 中进行充值。
                </a>
                <a class="mweb_action_button" id="okgobtn">确定</a>
                <a class="mweb_action_button cancel3">取消</a>
            </div>
        </div>
    </div>
    <!-- 还没有登陆提示-->
    <div id="notlogin" style="display:none;">
        <div id="outborder" style="height:99px;">
            <div>
                <div id="notloginword">您还未登陆，登陆后可查看完整内容。</div>
                <div id="gotologinbox">
                    <div id="gotozhuce" class="rt"><a href="index.html">注册</a></div>
                    <div id="gotologin" class="lf"><a href="login.html">登录</a></div>
                </div>
            </div>
        </div>
    </div>
    <script src="js/jquery-1.11.3.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script>
        if(window.screen.availWidth>540){
            console.log("屏幕超宽");
            var newright=(window.screen.availWidth-540)/2+20;
            var newright2=(window.screen.availWidth-540)/2+17;
            console.log(newright);
            $(".quick").css("right",newright);
            $(".quicklist").css("right",newright2);
//            $(".quick").css("marginLight","880px");
        }
    </script>
    <script src="js/tohref.js"></script>

    <script src="ftnjs/urlnote.js"></script>
	<script src="ftnjs/sendfaceftn.js"></script>
    <script src="js/pulupagezhn.js"></script>
    <script src="ftnjs/newnotenotice.js"></script>
    <script>

        //        console.log(window.outerHeight);
        //
        //        console.log(window.screen.height);
        //        $("#outborder").css("marginTop",(window.outerHeight-120)/2);
        $("#outborder").css("marginTop",(window.screen.height-120)/2);
        if(document.getElementById("notlogin").style.display==="block"){
            $('html,body,#page_wrapper').addClass('overhidden');
        }
        //  =============================================
        $("#expshowlistbtn").click(function(){
            if($("#expnavlist").css("display")==="block"){
//            $("#answer1").attr("class","hiddenit");
                $("#expnavlist").css("display","none")
            }else{
//            $("#answer1").attr("class","show");
                $("#expnavlist").css("display","block")
            }
        })
    </script>
	<script src="js/gotosearchpage.js"></script>
</body>
</html>